<template>
  <div class="fast-container">
    <a-card title="快捷入口" :bordered="false">
      <!-- <div class="card-cover"> -->
      <a-card hoverable style="margin-bottom: 10px" @click="skipUrl(1)">
        <a-card-meta title="软件下载" description="请勿从未知网站下载安装软件，以免造成损失">
          <template #avatar>
            <a>
              <DownloadOutlined style="font-size: 18px" />
            </a>
          </template>
        </a-card-meta>
      </a-card>
      <a-card hoverable style="margin-bottom: 10px" @click="skipUrl(2)">
        <a-card-meta title="使用文档" description="使用文档以及图文功能说明正在不断更新中...">
          <template #avatar>
            <a>
              <FileSyncOutlined style="font-size: 18px" />
            </a>
          </template>
        </a-card-meta>
      </a-card>

      <a-card hoverable style="margin-bottom: 10px" @click="skipUrl(3)">
        <a-card-meta title="需求建议" description="您的支持就是我们最大的动力">
          <template #avatar>
            <a>
              <EditOutlined style="font-size: 18px" />
            </a>
          </template>
        </a-card-meta>
      </a-card>
      <a-card hoverable style="margin-bottom: 10px" @click="skipUrl(4)">
        <a-card-meta title="客服系统" description="可同时接收回复多个微信消息">
          <template #avatar>
            <a>
              <AliwangwangOutlined style="font-size: 18px" />
            </a>
          </template>
        </a-card-meta>
      </a-card>
      <!-- </div> -->
    </a-card>
  </div>
</template>
<script lang="ts" setup>
import { useBrandStore } from '@/store/modules/brand'

const brandStore = useBrandStore()

const skipUrl = (e: any) => {
  if (e == 1) {
    window.open(`${brandStore.workPlace_downloadClient_url}`)
  } else if (e == 2) {
    window.open(`${brandStore.Using_documents}`)
  } else if (e == 3) {
    window.open('https://doc.weixin.qq.com/forms/AKUAmwcxAA4AfkAigY4AMQa8k1iI1cQVf')
  } else if (e == 4) {
    window.open('http://im.liangpiao.net.cn/#')
  }
}
</script>
<style lang="less" scoped>
.fast-container {
  .card-cover {
    padding: 20px;
    cursor: pointer;
  }
}
</style>
